<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
       #time{
       	width:600px;
       	height:100px;
       	background: pink;
       	color:red;
       	margin:200px auto;
       	text-align: center;
       	line-height: 100px;
       	font-size:2em;
       	font-weight: bold;
       }
	</style>
</head>
<body>
     <div id="time">
     	
     </div>
	<script>
     
      setInterval(function(){
      	 var d=new Date();
      	  var date=d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日"+d.getHours()+"时"+d.getMinutes()+"分"+d.getSeconds()+"秒";
      	  document.getElementById("time").innerHTML=date;
      },1000);
      
	</script>
</body>
</html>